<template>

    <div class="button-warp">
        <button class="button">text</button>
    </div>

</template>
<script>
export default {
    name: '',
    props: ['name', 'age', 'content'],
    data() {
        return {}
    },
    created() {
    },
    mounted() {
        console.log('我是button组件，我获取到的值', this.name, this.age, this.content)
        this.$emit('func1')
        this.$emit('func2')
    },
    methods: {

    },
}

</script>
<style scoped>
.button-warp {
    display: inline-block;
}

.button {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 2px;
}
</style>
  